@import (reference) "@{cosyless}";
//请示领导
.askForm{
    width: 500px;
    .form-item{
        &:last-child{
            margin-bottom: 0;
        }
    }
    .form-scroll{
        height:110px;
        overflow: hidden;
        overflow-y: auto;
    }
    .form-item-checkbox{
       span{
           width:130px;
           .text-overflow-nowrap-ellipsis();
       }
    }
}
//选择人员
.modOrg{
    width:450px;
    height:500px;

    .mo-bd{
        .height(~"100% - 35px");
        overflow: hidden;
        overflow-y: auto;
    }
    .orgList{
        .clearfix();
        li{
            padding-left:45px;
            color: #666;
            line-height:36px;
            position: relative;
            border-bottom: 1px solid #ececec;
            &:hover{
                background: #f8f8f8;
            }
            a{
                display: block;
                position: absolute;
                left:0;
                top:0;
                width:45px;
                text-align: center;
                height:55px;
                &:before{
                    content: '';
                    border-radius: 50%;
                    width:26px;
                    height:26px;
                    left:5px;
                    top:14px;
                    border: 1px solid #ececec;
                    position: absolute;
                }
                &.checked{
                    &:before{
                        background: #8BC34A;
                        border-color: #4CAF50;
                    }
                }
            }
            .orgItem-bd{
                padding:10px 0;
                height:36px;
                cursor: pointer;
            }
        }
        .fui-font{
            color: #fff;
            position: absolute;
            left:5px;
            top:15px;
            line-height:26px;
            width:26px;
            text-align: center;
        }
        img{
            width:36px;
            height:36px;
            border-radius: 5px;
            display: block;
            float: left;
            margin-right: 10px;

        }
    }
    .manList{
        .clearfix();
        li{
            padding:10px 0 10px 45px;
            color: #666;
            line-height:36px;
            position: relative;
            border-bottom: 1px solid #ececec;
        }
        img{
            width:36px;
            height:36px;
            border-radius: 5px;
            display: block;
            float: left;
            margin-right: 10px;

        }
    }

}

.mo-nav{
    height:34px;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    .abs-nav-scroll{
        height:55px;
        overflow-y: hidden;
        overflow-x: auto;
        width:100%;
        -webkit-overflow-scrolling : touch;
    }
    ol{
        height:35px;
        li{
            cursor: pointer;
            float: left;
            height:34px;
            padding-left:20px;
            position: relative;
            z-index: 1;
            background: #fff;
            &:nth-child(1){
                z-index:9999;
            }
            &:nth-child(2){
                z-index:9998;
            }
            &:nth-child(3){
                z-index:9997;
            }
            &:nth-child(4){
                z-index:9996;
            }
            &:nth-child(5){
                z-index:9995;
            }
            &:nth-child(6){
                z-index:9994;
            }
            &:nth-child(7){
                z-index:9993;
            }
            &:nth-child(8){
                z-index:9992;
            }
            &:nth-child(9){
                z-index:9991;
            }
            &:nth-child(10){
                z-index:9990;
            }
            &:nth-child(11){
                z-index:9989;
            }
            &:nth-child(12){
                z-index:9988;
            }
            &:nth-child(13){
                z-index:9987;
            }
            &:nth-child(14){
                z-index:9986;
            }
            &:nth-child(15){
                z-index:9985;
            }
            &:after{
                content: '';
                left:0;
                top:0;
                z-index: 0;
                border:solid 17px;
                border-color: transparent transparent transparent #efeff4;
                position: absolute;
            }
            span{
                background: #fff;
                line-height:34px;
                display: block;
                padding: 0 5px 0 5px;
                position: relative;
                z-index: 2;
                &:before{
                    content: '';
                    position: absolute;
                    right:-34px;
                    border:solid 17px;
                    border-color: transparent transparent transparent #fff;
                    top:0;
                    z-index:1;
                }
                &:after{
                    content: '';
                    position: absolute;
                    right:-35px;
                    border:solid 17px;
                    border-color: transparent transparent transparent #ccc;
                    top:0;
                    z-index: 0;
                }
            }
        }
    }
}



//弹窗选题
.tips-xt-box{
    width: 950px;
    max-height:500px;
    overflow: hidden;
    overflow-y: auto;
}

.issuedTips,.issuedTips2{
    .layer-content{
        padding: 0;
        width: 450px;
    }
    .mi-nav{
        height:35px;
        li{
            float: left;
            cursor: pointer;
            width:50%;
            line-height:32px;
            text-align: center;
            color: #666;
            padding-bottom: 2px;
            border-bottom: 1px solid #ccc;
            &.active{
                color: #2e8ded;
                border-bottom:2px solid #2e8ded;
                padding-bottom: 1px;
            }
        }
    }
    .mi-bd-con{
        display: none;
    }
    .mi-scroll{
        height:365px;
        overflow: hidden;
        overflow-y: auto;
    }
    .placeList,.safeList{
        .clearfix();
        li{
            padding-left:45px;
            color: #666;
            line-height:36px;
            position: relative;
            border-bottom: 1px solid #ececec;
            &:hover{
                background: #f8f8f8;
            }
            a{
                display: block;
                position: absolute;
                left:0;
                top:0;
                width:45px;
                text-align: center;
                height:55px;
                &:before{
                    content: '';
                    border-radius: 50%;
                    width:26px;
                    height:26px;
                    left:5px;
                    top:14px;
                    border: 1px solid #ececec;
                    position: absolute;
                }
                &.checked{
                    &:before{
                        background: #8BC34A;
                        border-color: #4CAF50;
                    }
                }
            }
            .orgItem-bd{
                padding:10px 0;
                height:36px;
                cursor: pointer;
            }
        }
        .fui-font{
            color: #fff;
            position: absolute;
            left:5px;
            top:15px;
            line-height:26px;
            width:26px;
            text-align: center;
        }
        img{
            width:36px;
            height:36px;
            border-radius: 5px;
            display: block;
            float: left;
            margin-right: 10px;

        }
    }
    .mi-text{
        padding: 5px 10px;
        label{
            display: block;
            line-height:18px;
            color: #999;
            padding-bottom: 4px;
        }
        textarea{
            width:100%;
            height:60px;
            line-height:18px;
            padding: 5px;
            box-sizing: border-box;
            border-radius: 3px;
            border-color: #ddd;
            outline: none;
            color: #666;
        }
    }
}
.issuedTips2{
    .mi-nav{
        display: none;
    }
}

.archive-box{
    width: 400px;
    .form-item-label{
        width: 40px;
    }
    .form-item-block{
        margin-left: 75px;
    }
}

.flowTips .layer-content{max-height: 550px}
.flowList{
    width:550px;
    table{
        width:100%;
        border-top:1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    th,td{
        border-left:1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 3px;
        line-height:20px;
        font-size: 12px;
    }
}
.dealTips{
    width:320px;
    label{
        color: #999;
        display: block;
        padding-bottom: 5px;
        line-height:20px;
    }
    textarea{
        width:100%;
        height:60px;
        border-color: #ddd;
        box-sizing: border-box;
        line-height:20px;
        padding: 5px;
        color: #666;
        font-size: 12px;
        outline: none;
    }
}
.lookDescTips{
    width:500px;
    ul{
        .clearfix();
    }
    li{
        height:25px;
        float: left;
        width:50%;
        .text-overflow-nowrap-ellipsis();
        color: #666;
        box-sizing: border-box;
        line-height:25px;
        &.li-all{
            width:100%;
        }
    }
}
.tips-warn{
    color: #ff8b35;
    line-height: 48px;
    padding-bottom: 15px;
    i{
        font-size: 3rem;
    }
}
